<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Novo Usuario</title>
		<link rel="shortcut icon" href="img/favicon.ico"/>
		<link rel="stylesheet" href="css/bootstrap.css"/>
		<link rel="stylesheet" href="css/geral.css"/>
		<link rel="stylesheet" href="css/newUser.css"/>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/newUser.js"></script>
    </h:head>
    <h:body>
        <f:view>
			<!-- 	msg de erro  -->
			<div class="alert alert-block alert-error fade in out" style="display:none; z-index:2;">
		        <button type="button" class="close" data-dismiss="alert">×</button>
		        <h4 class="alert-heading"><h:outputText value="#{mbNewUser.msgErro}"/></h4>
		    </div>
			<h:inputHidden id="erro" value="#{mbNewUser.msgErro}" />
	 
			<!-- 	New User  -->
		    <div class="caixa">
			    <div id="logoBox">
			    	<img src="img/box.png" height="96" width="96"/>
				    <H2 style="display: inline;">esBox</H2>
				</div>
			
		       	<H4>Novo Usuario</H4>
	            <h:form>
	                <span><h:outputText value="Login:"/></span>
	                <h:inputText id="iUser" maxlength="10" value="#{mbNewUser.user}" /> <br/>
	                <span><h:outputText value="Password:"/></span>
	                <h:inputSecret id="iPass" maxlength="10" value="#{mbNewUser.password}" redisplay="false"/> <br/>
	                <span><h:outputText value="Confirmação:"/></span>
	                <h:inputSecret id="iConf" maxlength="10" value="#{mbNewUser.passconf}" redisplay="false"/> <br/>
	                <span><h:outputText value="Email:"/></span>
	                <h:inputText id="iEmail" value="#{mbNewUser.email}" /> <br/>
	                <h:commandButton value="Registrar-se" styleClass="btn" action="#{mbNewUser.create}"/>
	                <span><h:outputText value=""/></span>
	            </h:form>
        	</div>
        </f:view>
    </h:body>
</html>